<template>
	<div class="foot">
		<router-link to='/shouye' class="end" @click="img1=1">
			<!-- <img src="../assets/elm.jpg" alt="" v-if="img1==1">
			<img src="../assets/eleme0.png" alt="" v-else> -->
			
			<img src="../assets/elm.jpg" alt="" class="akl">
			
			<!-- <p>&#xe63b</p> -->
			<p>外卖</p>
		</router-link>
		<router-link to='sousuo' class="end" @click="img1=2">
			<!-- <img src="../assets/sousuo0.png" alt="" v-if="img1==2">
			<img src="../assets/sousuo1.png" alt="" v-else> -->
			
			<img src="../assets/sousuo0.png" alt="" class="we">
			
			
			<p>搜索</p>
		</router-link>
		<router-link to='dingdan' class="end" @click="img1=3">
			<!-- <img src="../assets/dingdan0.png" alt="" v-if="img1==3">
			<img src="../assets/dingdan1.png" alt="" v-else> -->
			
			<img src="../assets/dingdan0.png" alt="" class="rng">
			
			<p>订单</p>
		</router-link>
		<router-link to='wode' class="end" @click="img1=4">
			<!-- <img src="../assets/wo0.png" alt="" v-if="img1==4">
			<img src="../assets/wo1.png" alt="" v-else> -->
			
			<img src="../assets/wo0.png" alt="" class="edg">
			<p>我的</p>
		</router-link>
	</div>
</template>

<script>
	export default {
		name: "foot",
		data() {
			return{
				img1:1,
				img2:'../assets/sousuo1.png',
				img3:'../assets/dingdan1.png',
				img4:'../assets/wo1.png',
				flag:true,
			}
		},
		methods:{
			dianji1:function(){
				
				
			}
		}
	};
</script>

<style scoped>
	.foot {
		width: 100%;
		height: 3rem;
		background: white;
		 /* background: greenyellow; */
		position: relative;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-around;
		position: fixed;
		bottom: 0;
		left: 0;
		border-top: 0.0rem solid rgb(0, 0, 0, 0.1);
		text-align: center;
	
	}

	.end {
		width: 25%;
		height: 100%;
		position: relative;
		margin: 0 auto;
		
	}

	.end p {
		width: 100%;
		font-size: 1.5rem;
		position: absolute;
		color: black;
		text-align: center;
		font-size: 0.8rem;
	}

	.foot img {
		width: 1.5rem;
		height: 1.5rem;
		margin-top: 0.1rem;
	}
</style>
